/* the main tree widget */
#tvwWidget 
{
	background-color: white;
	width:420px; /* 100 for thumbnail, 300 for tree viewer, 10 for thumb scroll, 10 for gap to show marker */
	height:450px;
	font-family:Verdana,Arial,sans-serif;
	font-size:10px;
	/* Background grid to help with placing DIVs */
/*	background-image:url(../images/g1001cc2.gif);  */ 
}


/* box to enclose scroller and big tree */
#tvwBox
{
	position:relative;
	border-right:1px solid rgb(163,163,163);
	border-top:1px solid rgb(163,163,163);
	border-bottom:1px solid rgb(163,163,163);
	width:430px;
	top:26px;
	height:400px;
}


/* the scroll bar */
#tvwTreeScroller
{
	position:relative;
	left:0px;
	top: 0px;
	width:110px;
	height:400px;
}

/* thumbnail of big tree */
#tvwThumbnail 
{
	position:absolute;
	left:10px;
	top: 0px;
	width:100px;
	height:400px;
	margin:0px;
	padding: 0px;
	opacity:0.8;
	/* for IE */
	filter:alpha(opacity=80);
}

/* track that thumb appears to run up and down */
#tvwThumbTrack
{
	positon:absolute;
	margin:0px;
	padding: 0px;
	left:0px;
	width:9px;
	top:0px;
	height:400px;
	background: url(../images/track.png); 
	border-right:1px solid rgb(128,128,128);
	border-let:1px solid rgb(128,128,128);
	/*border:1px solid rgb(128,128,128);*/
}

/* Block above the thumb */
#tvwTrack1
{
	position:absolute;
	left:10px;
	top:0px;
	width:100px;
	height:0px;
	background-color:rgb(248,248,248);
	opacity:0.7;
	/* for IE */
	filter:alpha(opacity=70);
	/* for IE 6 to fix div space bug */
	overflow:hidden; 
}

/* Block below the thumb */
#tvwTrack2
{
	position:absolute;
	left:10px;
	width:100px;
	background-color:rgb(248,248,248);
	opacity:0.7;
	/* for IE */
	filter:alpha(opacity=70);
	/* for IE 6 to fix div space bug */
	overflow:hidden; 
}

/* Where we are in the tree */
#tvwThumb
{
	position:absolute;
	left:0px;
	top:0px;
	width:110px;		
	border-top:1px solid rgb(163,163,163);
	border-bottom:1px solid rgb(163,163,163);
	cursor:move;		
}

/* 3D icon for scrollbar thumb */
#tvwThumbHandle
{
	positon:absolute;
	left:-10px;
	width:10px;
	top:0px;
	background: url(../images/thumb.png) left center no-repeat
}
		
/* container for viewing the tree */
.tvwViewer 
{
	position: absolute;
	top: 0px;
	left: 120px;
	width: 300px;
	height: 400px;
	overflow: hidden;
 }

.tvwViewer .tvwWell, .tvwViewer .tvwSurface, .tvwViewer .tvwTaxa
{
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	cursor: default;
}
  
.tvwViewer .tvwWell
{
/*      background-color:gray; */
}
  
.tvwViewer .tvwSurface
{
	cursor: move;
}

  
.tvwViewer .tvwTaxa
{
	cursor: pointer;
}

/* Status line for information and debugging */
#tvwTreeStatus
{
	position:absolute;
	left:0px;
	top:440px;
	height:10px;
	color:black;
	font-family:Verdana,Arial,sans-serif;
	font-size:10px;
	text-align:right;
}


/* Toolbar */
#tvwTreeTools
{
	position:absolute;
	left:0px;
	top:0px;
	margin:0px;
	padding:0px;
	width:429px;
	height:25px; /* allow space for marker when it points to taxon 1 */
	background-color:rgb(240,240,240); 
	border-top: 1px solid rgb(163,163,163);
	border-left: 1px solid rgb(163,163,163);
	border-right: 1px solid rgb(163,163,163);
	
	/* vital for IE6, otherwise popup autosuggest list disappears behind viewer */
	z-index:10;
}

/* Input box for node labels */
#tvwLeafOne
{
	position:absolute;
	color:black;
	font-family:Verdana,Arial,sans-serif;
	font-size:10px;
	width:150px;
	left:200px;  
	top:2px;
}

/* Label for find box */
#tvwFind
{
	position:absolute;
	color:black;
	top: 5px;
	width:150px;
	left:160px;  
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}

/* button to start search */
#tvwGo
{
	position:absolute;
	top:5px;
	left:360px;  
	opacity:0.7;
	/* for IE */
	filter:alpha(opacity=70);
}

#tvwGo:hover
{
	opacity:1.0;
	/* for IE */
	filter:alpha(opacity=100);
}

/* DIV used to highlight leaf label user has selected */
#tvwLabelOne 
{
	display:none;
	position:absolute;
	top:0px;
	left:150px;
	width:250px;
	height:12px;
	background-color:blue;
	opacity:0.2;
	/* for IE */
	filter:alpha(opacity=20);
	/* for IE 6 to fix div space bug */
	overflow:hidden; 
}

#tvwMarker1 
{
	position: absolute; 
	top: 0px; 
	left: 110px; 
	width:10px;
	height:5px;
	margin:0px;
	padding:0px;
	display:none;
	background-color:rgb(204,204,255); 
	/* for IE 6 to fix div space bug */
	overflow:hidden; 
}

